<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
<div id="总框" style="background: linear-gradient(rgba(31,37,109,0.87),#666 );height: 1000px;">
    <div id="导航栏" style="background-color: #1B2838;height: 105px">
        <div id="内容" style="height: 105px; width: 1000px;margin-left: 150px">
            <div id="文字" style="color: ghostwhite;font-size: 150%;margin-left: 550px;font-family: 华文行楷;padding-top: 40px">用户登录</div>
        </div>
    </div>
    <div id="账户登录" style="width: 1000px;height: 800px;">
        <div id="文字加图标" style="background: rgba(0,0,0,0.6);width: 700px;height: 100px;margin-top: 20px;margin-left: 400px">
            <p style="font-size: large;color: ghostwhite;font-family: 微软雅黑;margin-left: 20px;padding-top: 10px;width: 300px;height: 30px">使用您的账户登录到网站</p>
            <div id="注意事项" style="margin-top: -5px">
                <div id="感叹号" style="margin-left: 10px;width: 24px;height: 24px">
                    <img src="感叹号.png">
                </div>
                <p style="color: #d3dc18;font-family: 微软雅黑;margin-left: 50px;margin-top: -25px;width: 300px">请注意保护自己的账号隐私</p>
            </div>
            <div id="图标" style="width: 300px;height: 100px;margin-left: 600px;margin-top: -80px">
                <img src="yasuo.png">
            </div>
        </div>
        <div id="账号密码" style="width: 700px;height: 300px;background-color: rgba(0,0,0,0.3);margin-top: 10px;margin-left: 400px">
            <div id="左" style="width: 300px;height: 200px;">
                <div id="输入用户名" style="width: 400px;height: 50px;margin-left: 20px;margin-top: 10px;margin-right: 20px">
                    <form id="用户名" style="padding-top: 10px;color: rgba(236,236,236,0.87)">
                        您的用户名<br>
                        <input type="text" style="border-radius: 3px;border: 1px solid #000;background-color: rgba(0,0,0,0.4);outline: none;color: #ececec">
                    </form>
                </div>
                <div id="输入密码" style="width: 400px;height: 50px;margin-left: 20px;margin-top: 10px;margin-right: 20px">
                    <form id="密码" style="padding-top: 10px;color: rgba(236,236,236,0.87)">
                        密码<br>
                        <input type="password" style="border-radius: 3px;border: 1px solid #000;background-color: rgba(0,0,0,0.4);outline: none;color: #ececec">
                    </form>
                </div>
                <button style="width: 80px;height: 30px;background-color: #4c8cb1;border: 1px;border-radius: 2px;color:#ececec;margin-top: 20px;margin-left: 20px">Sign in</button>
            </div>
            <div id="右" style="width: 380px;height: 150px;margin-left: 300px;margin-top: -200px;border-left: 1px solid #67c1f5">
               <p style="font-size: 15px;color: #67c1f5;padding-left: 10px">通过账号登录此网站：</p>
                <ul style="font-size: 11px;color: #8F98A0;font-family: 宋体">
                    <li>该网站将能够在社区内确认您的身份并获取您的公开信息，例如统计和成就。</li><br>
                    <li>仅有一组特定的数字标识符会与该网站共享，您的登录凭据不会被透露。</li><br>
                    <li>有关帐户的基本信息将与第三方网站进行共享。请查阅我们的《隐私政策》了解更多信息。</li>
                </ul>
            </div>
            <p style="font-family: 宋体;color: #8F98A0;font-size: 11px;padding-top: 20px;padding-left: 20px">没有自己的账户？您可以前往<a href="User%20Register.html" style="color: #ececec;text-decoration: none">创建一个新的账户</a></p>
        </div>
    </div>
</div>
</body>
</html>